<nz-layout class='main'>
    <nz-sider nzWidth='95px'>
        <div class="btn-list">
            <div (click)="setFunc('hostcfg')" title="host config" [ngClass]="{'btn-selected':openedFunc == 'hostcfg'}"><i nz-icon nzType="unordered-list"></i></div>
            <div (click)="setFunc('winForward')" title="win forward" [ngClass]="{'btn-selected':openedFunc == 'winForward'}"><i nz-icon nzType="rise"></i></div>
            <div (click)="setFunc('history')" title="history" [ngClass]="{'btn-selected':openedFunc == 'history'}"><i nz-icon nzType="history"></i></div>
            <div (click)="setFunc('setting')" title="setting" [ngClass]="{'btn-selected':openedFunc == 'setting'}"><i nz-icon nzType="setting"></i></div>
        </div>
        <div (click)="openLocalTerm()" title="open local terminal" class="btn-open-local-term"><i nz-icon nzType="windows"></i></div>
    </nz-sider>
    <nz-content>
        <app-hostcfg [hidden]="!isOpenedFunc('hostcfg')"></app-hostcfg>
        <app-win-forward [hidden]="!isOpenedFunc('winForward')"></app-win-forward>
        <app-history [hidden]="!isOpenedFunc('history')"></app-history>
        <app-setting [hidden]="!isOpenedFunc('setting')"></app-setting>
    </nz-content>
</nz-layout>